<template>
	<view class="content fofa poRel">
		<tabnav title="账号注销" :col="back"></tabnav>
		<view style="height: 120rpx;"></view>
		<view class="textCen">
			<image src="https://www.sign.run/applet/static/wode/zxImage.png" style="width: 138rpx;height: 144rpx;"></image>
		</view>
		<view class="textCen foSi40 fowe600" style="margin-top: 48rpx;">申请注销电子签账号</view>
		<view class="wid80 mar foSi30" style="margin-top: 64rpx;">注销账号后，可能将造成以下影响，请知悉：</view>
		<view class="foSi25 mar" style="margin-top: 44rpx;width: 75%;color: #4B4A4A;">
			<view class="wh100 wid">所有文件数据都将删除且不可恢复</view>
			<view class="wh100 foSi25 mar-top10">请确认所有的重要文件都已进行备份，您可移步至
			<span @click="tiaozhuan('/pages/wenjian/wenjian')" :style="'color: '+back+';'" style="margin: 0 10rpx;">文件夹</span>
			中将以完成的文件发送至邮箱进行备份</view>
		</view>
		<view class="wid100 dis disAl poAbs bacFFF box1" :style="{'padding-bottom': paddingBottomHeight + 'rpx'}" style="bottom: 0rpx;height: 125rpx;">
			<view class="wid90 mar dis disAl disJuB foSi35">
				<view class="hei80 dis disAl disJuC coFFF borRad10" :style="'background-color: '+back+';'" @click="guanbi"
					style="width: 300rpx;">暂不注销</view>
				<view class="hei80 dis disAl disJuC coFFF borRad10" :style="'background-color: '+back+';'"
				 style="width: 300rpx;">确认注销</view>
			</view>
		</view>
	</view>
</template>

<script>
	import tabnav from "../../common/tabnav/tabnav.vue"
	export default {
		components: {
			tabnav,
		},
		data() {
			return {
				paddingBottomHeight: 0,
				back: uni.getStorageSync('back'),
			}
		},
		onLoad() {
		},
		created() {
			let that = this;
			uni.getSystemInfo({
				success: function (res) {
					let model = ['X', 'XR', 'XS', '11', '12', '13', '14', '15'];
					model.forEach(item => {
						//适配iphoneX以上的底部，给tabbar一定高度的padding-bottom
						if(res.model.indexOf(item) != -1 && res.model.indexOf('iPhone') != -1) {
							that.paddingBottomHeight = 40;
						}
					})
				}
			});
		},
		methods: {
			tiaozhuan(url){
				uni.switchTab({
					url: url
				});
			},
			guanbi(){
				uni.navigateBack()
			},
		}
	}
</script>

<style>
	.content {
		min-height: 100vh;
	}
	.xia{
		height: 1rpx;
		background: #BFBFBF;
	}
</style>
